<template>
  <div>
    <h1>vuex</h1>
    <ul>
      <li v-for="item in $store.state.bookList" :key="item.id">{{item.bookname}}</li>
    </ul>
    <!-- <p>价格:{{$store.getters.getSum}}</p>
    <p>价格:{{sum}}</p> -->
    <button @click="fn">点击我</button>

    <p>{{$store.state.goods.goodsList}}</p>
    <p>{{$store.getters['goods/goodsSum']}}</p>
    <button @click="add">添加</button>
  </div>
</template>
<script>
import axios from 'axios'
import goods from '@/store/newlist/goods'
export default {
  // created(){
  //   this.lordData()
  // },
  methods:{
    fn(){
      this.$store.dispatch('getTiong')
    },
    add(){
      this.$store.commit('goods/addGoods',{id:3,name:'手表',price:500})
    }
  },
//   methods:{
//    async lordData(){
//    const res =   await axios.get('http://www.liulongbin.top:3009/api/getbooks')
//    const books = res.data.data
//    books.forEach(item=>item.price = Math.ceil(100*Math.random()))
//    console.log(res.data.data);
//    this.$store.commit('initBooks',res.data.data)
    
//     }
//   },
//  computed:{
//    sum(){
//      return this.$store.state.bookList.reduce((sum,item)=>sum+item.price,0)
//    }
//  }
}
</script>